<template>
  <section class="app-help-type">
    <section class="app-main">

      <div class="module-title">
        财务管理
      </div>
      <dl class="module-body">
        <dd class="item" v-for="(item,index) in typeList">
          <mt-cell class="item-first" :title="item.title" is-link @click.native="handleList(item)"></mt-cell>
        </dd>
      </dl>
    </section>
  </section>
</template>

<script>
  import { Header,Cell,Toast,MessageBox} from 'mint-ui';
export default {
  components:{
    Header,
    Cell,
  },
  data () {
    return {
      typeList:[{
        title:'账目信息',
        id:1,
        url:'/store-money'
      },{
        title:'采购单审核',
        id:2,
      }]
    }
  },
  mounted(){
  },
  methods:{
    handleList(item){
      this.$router.push({path:item.url})
    }
  }
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->

<style>
  .app-help-type .module-title{
    padding:16px 12px 12px;
    font-size: 15px;
  }
  .app-help-type .module-title:before{
    background:#007EE5;
    position: relative;
    top:-2px;
    display:inline-block;
    vertical-align: middle;
    width:3px;
    height:12px;
    content: '';
    margin-right:4px;
  }
  .app-help-type .module-body{
    margin: 0;
  }
  .app-help-type .module-body .item{
    margin: 0;
  }
  .app-help-type .module-body .item-second-content{
    background: #fff;
    padding-left: 20px;
    display: none;
  }
  .app-help-type .module-body .item-second-content.active{
    display: block;
  }
</style>
